<template>
  <div>
    <div class="content">
      <span class="bindPhone">已绑定手机号： <span class="phoneVal">180****8953</span></span>
     <div class="mui-input-row">
        <div class="placeholder">
          <div class="btn">发送验证码</div>
        </div>
        <input type="text" placeholder="请输入邮箱地址"/>
      </div>
      <button type="button" class="mui-btn mui-btn-warning mui-btn-block">
        <span>确定</span>
      </button>
    </div>
  </div>
</template>
<script>
import { Toast } from 'mint-ui'
export default {
  data() {
      return {
      };
    },
     created() {
       Toast('暂无开通')
      // Toast({
      //   message: 'operation success',
      //   iconClass: 'icon icon-success'
      // });
     },
    props: {},
    methods: {
      goback() {
        this.$router.push({
          path: "/home",
        })
      }
    }
}
</script>
<style scoped>
.content{
  margin-top:10px;
}
.mui-input-row{
  position: relative;
  top:30px;
  left:15%;
}
.mui-input-row input{
  width:70%;
  border:none;
  background-color:#f5f5f5;
  font-size: 13px;
  color:#999999;
  border-radius: 0px;
  border-bottom: 1px solid #cccccc;
  padding-left:0px;
}
.mui-btn-warning{
  position: relative;
  top:30px;
  left:15%;
  width:70%;
  border-radius:20px;
  height:40px;
  line-height: 40px;
  font-size:15px;
  color:#FFFFFF;
  background:#EACFB9;
  border:#EACFB9;
}
.mui-btn-warning span{
  position: relative;
  top:-9px;
}
.mui-btn-warning:hover{
  color:#FFFFFF;
  background:#EACFB9;
  border:#EACFB9;
}
.bindPhone{
  position: relative;
  top:30px;
  left:15%;
  width:70%;
  font-size:15px;
  color:#333333;
  display: block;
  margin-bottom:20px;
}
.phoneVal{
  color:#C99E67;
}
.placeholder{
   width:70%;
   position: absolute;
}
.btn{
  color:#fff;
  background:#C99E67;
  width:80px;
  height:30px;
  line-height: 30px;
  text-align: center;
  border-radius: 15px;
  position: absolute;
  top:0px;
  right:0px;
  margin:0px!important;
}
</style>